<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>
  <script>
    //字符串方法

    //includes()：返回布尔值，表示是否找到了参数字符串。
    //startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部。
    //endsWith()：返回布尔值，表示参数字符串是否在原字符串的尾部。
    let s = 'Hello world!';

    s.startsWith('Hello') // true
    s.endsWith('!') // true
    s.includes('o') // true

    //这三个方法都支持第二个参数，表示开始搜索的位置。
    let s = 'Hello world!';

    s.startsWith('world', 6) // true
    s.endsWith('Hello', 5) // true
    s.includes('Hello', 6) // false
    //上面代码表示，使用第二个参数n时，endsWith的行为与其他两个方法有所不同。它针对前n个字符，而其他两个方法针对从第n个位置直到字符串结束。


    //repeat方法返回一个新字符串，表示将原字符串重复n次。

    'x'.repeat(3) // "xxx"
    'hello'.repeat(2) // "hellohello"
    'na'.repeat(0) // ""

    //参数如果是小数，会被取整。
    'na'.repeat(2.9) // "nana"

    //padStart()的常见用途是为数值补全指定位数
    var now = new Date();
    var date = now.getDate().toString();
    var hours = now.getHours().toString();
    date.padStart(2, "0");
    hours.padStart(2, "0");
  </script>
</body>

</html>